var pageIndex = 0;     //页面索引初始值
var pageSize = 5;
var total;
//每页显示条数初始化，修改显示条数，修改这里即可
$(function () {
    InitTable(0); //Load事件，初始化表格数据，页面索引为0（第一页）
   //分页，PageCount是总条目数，这是必选参数，其它参数都是可选
    $("#Pagination").pagination(total, {
        callback: PageCallback,  //PageCallback() 为翻页调用次函数。
        prev_text: "« 上一页",
        next_text: "下一页 »",
        load_first_page:false,
        items_per_page:pageSize,
        num_edge_entries: 2,       //两侧首尾分页条目数
        num_display_entries: 4,    //连续分页主体部分分页条目数
        current_page: pageIndex,   //当前页索引
    });
});



//翻页调用
function PageCallback(index, jq) {
    InitTable(index);
}

//请求数据
function InitTable(pageIndex) {
    var data=dataList(pageIndex);
    $.ajax({
        type: "POST",
        url: '/hotel/hotellist.json',      //提交到一般处理程序请求数据
        data: data,
        async: false,
        dataType: "json",
        success: function(result) {
            $(".outerList.hotellist").html("");
            if(result.total != 0){
                total=result.total;
                $('#totalli').html(total);
                var list=result.rows;
                for (var i = 0; i < list.length; i++){
                    var hotelId=list[i].num;
                    var starlist=list[i].star==1?'一星':(list[i].star==2?'二星':(list[i].star==3?'三星':(list[i].star==4?'四星':'五星')));
                    var html="<div class='outerListUnit clearfix'>" +
                        "<div class='col-lg-4 col-md-4'>" +
                        "<img src="+list[i].picture+"/>" +
                        "</div>" +
                        "<div class='outerInfo col-lg-4 col-md-4'>" +
                        "<div><div class='showNum'>"+list[i].num+"</div><span class='showTit'>"+list[i].name+"</span></div>" +
                        "<div><ul class='star'>"+starlist+"</ul></div>" +
                        "<div><i>地址：</i>"+list[i].city+"</div>" +
                        "<div><i>附近：</i>"+list[i].near+"</div>" +
                        "</div>" +
                        "<div class='outerPrice col-lg-2 col-md-2'>" +
                        "<p><i>"+list[i].price+"</i>元起</p>" +
                        "<p>¥3588元</p>" +
                        "<p><a href=/hotel/houseinf.json/"+hotelId+">查看详情</a></p>" +
                        "</div>" +
                        "</div>";
                    $(".outerList.hotellist").append(html);
                }
            }else{
                var html="<div class='notfund'><img src='/img/info.png' alt=''>很抱歉，暂时无符合选项的酒店信息</div>";
                $(".outerList.hotellist").append(html);
            }
        }
    });
}

//搜索事件,所有的搜索条件
function subhotelinf (){
    $("#homekeyword").html($("#homekeyword").val());//将关键字的值写到input，保持
    var data=dataList(pageIndex);
    $.post("/hotel/hotellist.json",data, function(data){
            $("#Pagination").pagination(data.total, {
                callback: PageCallback,  //PageCallback() 为翻页调用次函数。
                prev_text: "« 上一页",
                next_text: "下一页 »",
                items_per_page:pageSize,
                num_edge_entries: 2,       //两侧首尾分页条目数
                num_display_entries: 4,    //连续分页主体部分分页条目数
                current_page: pageIndex,   //当前页索引
            });
        })
}
//封装所有参数的方法，
function dataList(pageIndex){
    var data={};
    var priceList=[];//定义价格区间数组
    if($('input:radio:checked').val()!=null){
        //获取选中的价格区间，并进行分割
        priceList = $('input:radio:checked').val().split(",");
        data.minPrice = priceList[0];
        data.maxPrice = priceList[1];
    };
    if($("#lowprice").val() && $("#highprice").val()){
        data.minPrice = $('#lowprice').val();
        data.maxPrice = $('#highprice').val();
    }
    $("input[type='checkbox']:checked").each(function(i,value){
        data["starList["+i+"].star"]=$(this).val();
    });
    data.page=pageIndex;
    data.rows=pageSize;
    data.city=$("#cityin").val();
    data.keyword=$("#homekeyword").val();
    data.orderPriceFlag=$("#sort_asc_price").val();
    data.orderStarFlag=$("#sort_asc_star").val();
    return data;
}

function subPrice() {
    var reg =/^[0-9]+([.]{1}[0-9]+){0,1}$/;
    if($("#lowprice").val() && $("#highprice").val()){

        if(!reg.test($("#lowprice").val()) || !reg.test($("#highprice").val())){
            alert("请输入数字");
            return false;
        }
        subhotelinf ();
    }

}